/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      html      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

html {
  height: 100%;
  min-height: 48vw;
  line-height: calc(2400vh / 1080) !important; /* 满屏 24px */
  font-size: calc(10000vw / 1920); /* 满屏 100px */
  font-family: Microsoft YaHei;
  color: #fff;
  background-color: #010615;

  /*============================== body ==============================*/
  body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0.16rem; /* 满屏 16px */
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      #app      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#app {
  height: 100%;
}

@media (max-width: 1500px) {
  html {
    width: 1500px;
    min-height: 720px;
    line-height: 16px;
    font-size: 78.125px;
  }
}

a {
  text-decoration: none;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     滚动条     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*============================== 滚动条 ==============================*/
::-webkit-scrollbar {
  width: 17px;
  height: 17px;
}

/*============================== 垂直滑块 ==============================*/
::-webkit-scrollbar-thumb:vertical {
  border-radius: 30px;
  background: linear-gradient(
    to right,
    transparent 25%,
    rgba(2, 147, 255, 0.4) 30%,
    rgba(2, 147, 255, 0.4) 70%,
    transparent 75%
  );
}

/*============================== 水平滑块 ==============================*/
::-webkit-scrollbar-thumb:horizontal {
  border-radius: 30px;
  background: linear-gradient(
    to bottom,
    transparent 25%,
    rgba(2, 147, 255, 0.4) 30%,
    rgba(2, 147, 255, 0.4) 70%,
    transparent 75%
  );
}

/*============================== 滚动槽 ==============================*/
::-webkit-scrollbar-track {
  background: transparent;
}
